<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>超级链接页面预览</title>
</head>
<body>
<center>
<form name="form1">
	<h1>超级链接页面预览</h1><hr>
	<h5>将鼠标移到链接上</h5>
	<table border="1" cellpadding="15" cellspacing="15" bordercolor="green">
		<tr>
			<td>
				<a href="" name="link1" onmouseover="link1Over()">内部链接一</a><br>
				<a href="" name="link2" onmouseover="link2Over()">内部链接二</a><br>
				<a href="" name="link3" onmouseover="link3Over()">内部链接三</a><br>
				<a href="" name="link4" onmouseover="link4Over()">内部链接四</a>
			</td>
			<td width="300" height="200">
				<img name="img1" src="1.jpg" width="236" height="150">
			</td>

		</tr>
	</table>
</form>
<script type='text/javascript'>
	function link1Over() {
		document.form1.img1.src = "1.jpg";
	}
	function link2Over() {
		document.form1.img1.src = "2.jpg";
	}
	function link3Over() {
		document.form1.img1.src = "3.jpg";
	}
	function link4Over() {
		document.form1.img1.src = "4.jpg";
	}
</script>
</center>






</body>
</html>